@CHARSET "UTF-8";
@CHARSET "UTF-8";

/*
 *  全局样式
 */
 *{
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      margin: 0;
      padding: 0;
 }
html {
    font-size:1em;
    /*height:auto;*/
}

body{
    font-family: Arial, "Hiragino Sans GB", "冬青黑", "Microsoft YaHei", "微软雅黑", "SimSun", "宋体", Helvetica, Tahoma, Arial sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    overflow-y:scroll;
    /*overflow-x:hidden;*/
    position:relative;
    font-size: 14px;
    line-height: 1.42857143;
    color: rgb(75,75,75);
    background-color: white;
    margin:0;
    padding:0;
    min-width:1280px;
}
button, select, input, textarea{
    font-family:Microsoft YaHei, STHeiti, Arial, Helvetica;
}
ul{
    margin:0;
    padding:0;
    list-style: none;
}
textarea {
    resize: none;
}
.web-navbar{
    position: relative;
    width: 100%;
    background-color: white;
	/*background: rgb(71,131,204);
	background: -moz-linear-gradient(left,  rgb(71,131,204) 0%, rgb(59,104,184) 100%);
	background: -webkit-linear-gradient(left,  rgb(71,131,204) 0%,rgb(59,104,184) 100%);
	background: linear-gradient(to right,  rgb(71,131,204) 0%,rgb(59,104,184) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4783cc', endColorstr='#3b68b8',GradientType=1 );*/
}
.web-bottomBar{
	width: 100%;
	background: rgb(71,131,204);
	background: -moz-linear-gradient(left,  rgb(71,131,204) 0%, rgb(59,104,184) 100%);
	background: -webkit-linear-gradient(left,  rgb(71,131,204) 0%,rgb(59,104,184) 100%);
	background: linear-gradient(to right,  rgb(71,131,204) 0%,rgb(59,104,184) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4783cc', endColorstr='#3b68b8',GradientType=1 );
}
.web-navbar .navbar-top{
	background-color: #F2F2F2;
    /*overflow: hidden;*/
    height: 30px;
    line-height: 30px;
    padding: 0 90px;
}
.web-navbar .navbar-top .right-part>a {
    font-size: 12px;
    color: #787878;
    margin-left: 20px;
}
.web-navbar .navbar-top .right-part>a.navbar-report, .web-navbar .navbar-top .right-part>a.navbar-contact {
    position: relative;
}
.web-navbar .navbar-top .right-part>a.navbar-report:hover, .web-navbar .navbar-top .right-part>a.navbar-contact:hover {
    color: #3b68b8;
}
.web-navbar .navbar-top .right-part>a.navbar-report .report-info {
    position: absolute;
    left: -209px;
    top: 17px;
    background-color: white;
    width: 336px;
    text-align: center;
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);
    z-index: 10;
    border-radius: 4px;
    color: #444444;
    display: none;
}
.web-navbar .navbar-top .right-part>a.navbar-report:hover .report-info{
    display: block;
}
.web-navbar .navbar-top .right-part>a.navbar-contact .contact-info {
    position: absolute;
    left: -118px;
    top: 17px;
    background-color: white;
    width: 300px;
    padding-left: 15px;
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);
    z-index: 10;
    border-radius: 4px;
    color: #444444;
    line-height: 1.6;
    display: none;
}
.web-navbar .navbar-top .right-part>a.navbar-contact:hover .contact-info{
    display: block;
}
.navbar-innerFrame{
	width:100%;
	margin:0 auto;
	height:60px;
	position: relative;
	width:1280px;
}
.navbar-logo{
	position:absolute;
	top:0;
	left:50px;
	width:200px;
	/*padding-left:62px;
	padding-right:66px;*/
	height:100%;
}
.navbar-logoInner{
	width:100%;
	height:100%;
	background-image: url('http://static.iyingdi.cn/yingdiWeb/images/webFrame/yingdi_logo.png');
	background-size: contain;
	background-position: left center;
	background-origin: content-box;
	background-repeat: no-repeat;
}
.navbar-menu{
	padding-left:325px;
	padding-right:340px;
	height:100%;
}
.navbar-menu>li{
	display:inline-block;
	height:100%;
	position:relative;
	margin-right:10px;
}
.navbar-menu>li:hover{

}
.navbar-menu>li>a{
	display:block;
	height:100%;
	line-height:58px;
	color:rgb(255,255,255);
	font-size:16px;
/* 	min-width:48px; */
	padding:0 24px;
	text-align:center;
	font-weight: bold;
}
.navbar-menu>li>a>img{
	width:11px;
	vertical-align: middle;
}
.navbar-menu>li.active>a{
	background-color:rgb(57,101,179);
}

.navbar-submenu{
	height:0;
	opacity: 0;
	width:150px;
	position:absolute;
	left:0;
	top:50px;
	z-index:1000;
	background-color:transparent;
	border-top:none;
	-webkit-transition: opacity linear .2s;
    -moz-transition: opacity linear .2s;
    -o-transition: opacity linear .2s;
	transition: opacity linear .2s;
	overflow:hidden;
}
.navbar-menu>li>.navbar-submenu{
	left:-35px;
}
.navbar-userInfo>ul>li.navbar-msgButton>.navbar-submenu{
	left:-46px;
}
.navbar-userInfo>ul>li.navBar-avatarButton>.navbar-submenu{
	left:-39px;
}
.navbar-menu>li:hover>.navbar-submenu,.navbar-userInfo>ul>li:hover>.navbar-submenu{
	height:auto;
	opacity: 1;
	overflow:visible;
}
.navbar-submenuTitle{
	background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 120 60' version='1.1' preserveAspectRatio='xMidYMin meet' xmlns='http://www.w3.org/2000/svg'><polygon points='0,60 120,60 60,0' style='fill:rgb(59,104,184)'/></svg>");
	background-repeat:no-repeat;
	background-size:auto 5px;
	background-position: center bottom;
	background-origin: content;
	height:8px;
	width:100%;
	border-bottom:rgb(59,104,184) solid 2px;
}
.navbar-submenuBody{
/* 	border:rgb(240,240,240) solid 1px; */
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);
	background-color: white;
}
.navbar-submenuBody>li{
	border-bottom: 1px solid rgb(240,240,240);
}
.navbar-submenuBody>li>a{
	display:block;
	font-size:14px;
	line-height: 16px;
	padding:12px 0;
	text-align:center;
	color:rgb(82,82,82);
	-webkit-transition: color linear .2s;
    -moz-transition: color linear .2s;
    -o-transition: color linear .2s;
	transition: color linear .2s;
}
.navbar-submenuBody>li:hover>a{
	color:rgb(59,104,184);
}
.navbar-submenuIcon{
	display:inline-block;
	margin-left:5px;
	margin-top:-2px;
	vertical-align: middle;
	height:6px;
	width:11px;
	background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 110 60' version='1.1' preserveAspectRatio='xMidYMin meet' xmlns='http://www.w3.org/2000/svg'><path d='M0 0 L55 55 L110 0' style='fill:none;stroke:white;stroke-width:16'/></svg>");
	background-repeat:no-repeat;
	background-size:contain;
/*
	background-position: center bottom;
	background-origin: content;
 */
}
.navbar-plusMenu{
	height:0;
	opacity: 0;
	width:150px;
	position:absolute;
	left:150px;
	top:0;
	z-index:1000;
	background-color:white;
	border-top:none;
	-webkit-transition: opacity linear .2s;
    -moz-transition: opacity linear .2s;
    -o-transition: opacity linear .2s;
	transition: opacity linear .2s;
	overflow:hidden;
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);
}
.navbar-submenuBody>li:hover>.navbar-plusMenu{
	height:auto;
	opacity: 1;
	overflow:visible;
}
.navbar-plusMenu>li{
	border-bottom: 1px solid rgb(240,240,240);
}
.navbar-plusMenu>li>a{
	display:block;
	font-size:14px;
	line-height: 16px;
	padding:12px 0;
	text-align:center;
	color:rgb(82,82,82);
	-webkit-transition: color linear .2s;
    -moz-transition: color linear .2s;
    -o-transition: color linear .2s;
	transition: color linear .2s;
}
.navbar-plusMenu>li:hover>a{
	color:rgb(59,104,184);
}

.navbar-rightSection{
	position:absolute;
	top:0;
	right:67px;
	text-align:right;
	/*padding-right:62px;*/
}
.navbar-searchInput{
	position: relative;
	display:inline-block;
	background-color:rgba(57,101,179,0);
	-webkit-transition: background-color ease-out .3s;
    -moz-transition: background-color ease-out .3s;
    -o-transition: background-color ease-out .3s;
	transition: background-color ease-out .3s;
}
/*.navbar-searchInput.active{
	background-color:rgba(57,101,179,1);
}*/
.navbar-searchInputInner{
	/*border-left: 1px solid rgb(57,101,179);
	border-right: 1px solid rgb(57,101,179);*/
	margin:10px 0;
	height:40px;
	padding-right:0;
	-webkit-transition: padding-right ease-out .3s;
    -moz-transition: padding-right ease-out .3s;
    -o-transition: padding-right ease-out .3s;
	transition: padding-right ease-out .3s;
}
/*.navbar-searchInput:hover>.navbar-searchInputInner{
	padding-right:20px;
}*/
.navbar-searchInput.active>.navbar-searchInputInner{
	padding-right:20px;
}
.navbar-searchInputInner>a{
	vertical-align: top;
    display: inline-block;
    background-image: url(http://static.iyingdi.cn/yingdiWeb/images/webFrame/navbar-search.png);
    background-size: 22px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 22px;
    height: 100%;
}
.navbar-searchInputInner>input{
	display: inline-block;
    vertical-align: top;
    width: 300px;
    height: 20px;
    border: none;
    border-bottom: 1px solid #9B9B9B;
    margin: 13px 0 10px 0;
    font-size: 14px;
    color: #9B9B9B;
    padding-bottom: 5px;
}
/*.navbar-searchInput.active>.navbar-searchInputInner>input{
	width:180px;
}*/
.navbar-searchInputInner>input::-webkit-input-placeholder { /* WebKit browsers */
		color: #D8D8D8;
}
.navbar-searchInputInner>input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color: #D8D8D8;
}
.navbar-searchInputInner>input::-moz-placeholder { /* Mozilla Firefox 19+ */
		color: #D8D8D8;
}
.navbar-searchInputInner>input:-ms-input-placeholder { /* Internet Explorer 10+ */
		color: #D8D8D8;
}
.navbar-searchInputInner>input:focus{
	outline:none;
}
.navbar-searchInput>ul {
	position: absolute;
    display: none;
    top: 42px;
    left: 0;
    width: 300px;
    background-color: #FFFFFF;
    border: 1px solid #F1F1F1;
	text-align: left;
    z-index: 9;
}
.navbar-searchInput:hover>ul{
	display: block;
}
.navbar-searchInput>ul>li{
	padding: 7px 20px;
	font-size: 14px;
	color: #787878;
}
.navbar-searchInput:hover>ul>div {
    font-size: 12px;
    color: #FF8E00;
    padding-left: 20px;
    padding-top: 10px;
}

.navbar-userInfo{
	display:inline-block;
	vertical-align:top;
	margin-left: 21px;
}
.navbar-userInfo>ul{
	height:60px;
}
.navbar-userInfo>ul>li{
	display: inline-block;
}
.navbar-userInfo #navbar-userInfo-detail{
	text-align: center;
    padding: 5px 5px;
}
.navbar-userInfo .navbar-userName {
    font-weight: bold;
    text-align: center;
    color: rgb(74,74,74);
    font-size: 14px;
    word-break: break-all;
    line-height: 1.2;
}
.navbar-userInfo .navbar-userDetailInfo{
	text-align: center;
}
.navbar-userInfo .navbar-userDetailInfo>span{
	font-size: 12px;
	color: #9b9b9b;
}
.navbar-loginButton{
	/*color:white;*/
	line-height:60px;
	width:100%;
	text-align:center;
	font-size: 14px;
	color: #787878;
    margin-left: 10px;
    margin-right: 30px;
}
.navbar-loginButton .toLoginBtn {
    margin-right: 30px;
    position: relative;
}
.navbar-loginButton .toLoginBtn:after {
    content: '|';
    font-size: 16px;
    position: absolute;
    right: -16px;
    top: -22px;
    color: #D8D8D8;
}
.navbar-loginButton>img{
	width:15px;
	margin-right: 10px;
	vertical-align: text-top;
}
.navbar-settingButton:hover{
	background-color:rgba(57,101,179,1);
}
.navbar-settingButton>a{
	display:block;
	width:56px;
	height:60px;
	background-image:url('http://static.iyingdi.cn/static/images/frame/setting_icon.png');
	background-size:18px;
	background-position: center center;
	background-repeat: no-repeat;
}
/*.navbar-msgButton:hover{
	background-color:rgba(57,101,179,1);
}*/
.navbar-msgButton .hasMesgNow{
	position: absolute;
    top: 19px;
    right: 15px;
    width: 9px;
    height: 9px;
    background-color: #e5746b;
    border-radius: 100%;
}
.navbar-msgButton>a{
	display:block;
	width:56px;
	height:60px;
	background-image:url('http://static.iyingdi.cn/yingdiWeb/images/webFrame/navbar-msg.png');
	background-size:22px;
	background-position: center center;
	background-repeat: no-repeat;
}
.navbar-msgButton .noticeRemark {
    position: absolute;
    right: 6px;
    top: 13px;
    font-size: 12px;
    background-color: #e5746b;
    color: white;
    height: 13px;
    line-height: 14px;
    padding: 0px 8px;
    border-radius: 3px;
}
.navBar-avatarButton{
	vertical-align: top;
}
.navBar-avatarButton>a{
	display: block;
    width: 60px;
    height: 60px;
    padding: 14px;
    background-image: url(http://static.iyingdi.cn/static/images/frame/test_avatar_frame.png);
    background-size: 36px;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 5px;
}
.navBar-avatarButton>a>img{
	width:100%;
	border-radius: 50%;
}
.navbar-contribute {
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    height: 60px;
    padding-top: 10px;
}
.navbar-contribute .to-contribute {
    display: inline-block;
    background: #3377FF;
    border-radius: 20px;
    color: white;
    padding: 10px 15px;
}
/*导航菜单*/
.navbar-menuFrame{
	margin-top: 13px;
}
.navbar-menuFrame.navbar-hidden{
    visibility: hidden;
    height: 0px;
    margin-top:4px;
}
.navbar-menuFrame .top-level-menu {
    position: relative;
    width: 1280px;
    margin: 0 auto;
    padding-left: 50px;
    padding-right: 67px;
}
.navbar-menuFrame .top-level-menu>ul {
    min-height: 30px;
   	display: inline-block;
}
.navbar-menuFrame .top-level-menu>ul>li{
	display: inline-block;
	font-size: 16px;
	color: #787878;
	margin-right: 40px;
	position: relative;
}
.navbar-menuFrame .top-level-menu>ul>li>a{
    display: block;
}
.navbar-menuFrame .top-level-menu>ul>li.active{
	color: #3B68B8;
	font-weight: bold;
}
.navbar-menuFrame .top-level-menu>ul>li.active:after {
    position: absolute;
    content: '';
    bottom: -15px;
    left: 37%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 10px 8px;
    border-color: transparent transparent #6796E6 transparent;
}
.navbar-menuFrame .sub-level-menu {
    background-color: #6796E6;
    margin-top: 7px;
}
.navbar-menuFrame .sub-level-menu>ul {
    width: 1280px;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    padding-left: 50px;
    padding-right: 67px;
}
.navbar-menuFrame .sub-level-menu>ul>li {
    display: inline-block;
    color: white;
}
.navbar-menuFrame .sub-level-menu>ul>li.active {
    background-color: #3B68B8;
}
.navbar-menuFrame .sub-level-menu>ul>li:hover {
    background-color: #3B68B8;
}
.navbar-menuFrame .sub-level-menu>ul>li>a {
    display: block;
    padding: 0 20px;
    cursor: pointer;
}
.top-level-menu .more-seed {
    position: relative;
    display: inline-block;
    height: 30px;
    cursor: pointer;
    margin-right: 40px;
}
.top-level-menu .more-seed>span {
    color: #3b68b8;
    font-size: 16px;
}
.top-level-menu .more-seed>span>i {
    background-image: url(http://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/images/article/down_arrow.png);
    background-repeat: no-repeat;
    background-position-y: 2px;
    display: inline-block;
    background-size: contain;
    width: 15px;
    height: 15px;
    margin-left: 4px;
}
.top-level-menu .more-seed ul.more-seed-list {
    position: absolute;
    top: 30px;
    left: -50%;
    width: 100px;
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);
    background-color: white;
    z-index: 11;
    display: none;
}
.top-level-menu .more-seed:hover ul.more-seed-list{
    display: block;
}
.top-level-menu .more-seed ul.more-seed-list>li {
    text-align: center;
    border-bottom: 1px solid rgb(240,240,240);
}
.top-level-menu .more-seed ul.more-seed-list>li>a {
    display: block;
    font-size: 14px;
    line-height: 16px;
    padding: 12px 0;
    text-align: center;
    color: rgb(82,82,82);
    -webkit-transition: color linear .2s;
    -moz-transition: color linear .2s;
    -o-transition: color linear .2s;
    transition: color linear .2s;
}
.top-level-menu .more-seed ul.more-seed-list>li:hover>a{
    color: rgb(59,104,184);
}
.top-level-menu .setting-seed {
    /*position: absolute;*/
    top: -5px;
    right: 67px;
    display: inline-block;
    background-color: #F2F2F2;
    vertical-align: middle;
    width: 120px;
    height: 30px;
    line-height: 30px;
    border-radius: 20px;
    text-align: center;
    cursor: pointer;
    color: #3b68B8;
}
.top-level-menu .setting-seed>i {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(http://static.iyingdi.cn/yingdiWeb/images/webFrame/setting_seed.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: text-bottom;
    margin-right: 4px;
}
/*兴趣点选择*/
.point-interest-choose-page {
    width: 1280px;
    margin: 0 auto;
    padding-top: 60px;
}
.point-interest-choose-page>div {
    text-align: center;
}
.point-interest-choose-page>div .first-div {
    font-size: 26px;
    color: #000000;
}
.point-interest-choose-page>div .second-div {
    font-size: 18px;
    color: #787878;
    margin-top: 20px;
}
.point-interest-choose-page ul.points-list-ul {
    margin-top: 30px;
}
.point-interest-choose-page ul.points-list-ul>li {
	width: 383px;
    background-color: #F7F7F7;
    display: inline-block;
    padding: 10px 10px;
    margin-bottom: 20px;
}
ul.points-list-ul>li:not(:nth-child(3n)) {
    margin-right: 20px;
}
.point-interest-choose-page ul.points-list-ul>li .point-img {
    width: 60px;
    height: 60px;
    float: left;
}
.point-interest-choose-page ul.points-list-ul>li .point-img>img {
    width: 100%;
    height: 100%;
}
.point-interest-choose-page ul.points-list-ul>li .right-part {
    margin-left: 70px;
    height: 60px;
}
.point-interest-choose-page ul.points-list-ul>li .seed-title {
    font-size: 16px;
    color: #4A4A4A;
}
.point-interest-choose-page ul.points-list-ul>li .seed-remark {
    font-size: 14px;
    color: #787878;
    margin-top: 18px;
}
.point-interest-choose-page ul.points-list-ul>li .focus-btn {
    position: absolute;
    right: 10px;
    top: 25px;
    border: none;
    border-radius: 20px;
    background-color: #3377FF;
    color: white;
    width: 70px;
    height: 30px;
    cursor: pointer;
    outline: none;
}
.point-interest-choose-page ul.points-list-ul>li.checked .focus-btn {
    background-color: #9B9B9B;
}
.point-interest-choose-page .save-btn {
    width: 100px;
    height: 40px;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 2.6px;
    border: none;
    background-color: #3377FF;
    border-radius: 20px;
   	margin-top: 60px;
   	outline: none;
   	cursor: pointer;
}
/*自定义频道*/
.navbar-setting-seed-modal .item-title {
    font-size: 16px;
    color: #787878;
}
.navbar-setting-seed-modal .item-title>span {
    font-size: 12px;
    color: #9B9B9B;
    margin-left: 8px;
}
.navbar-setting-seed-modal .wait-focus {
    margin-top: 20px;
}
.navbar-setting-seed-modal .focus-list {
    margin-top: 20px;
    min-height: 45px;
}
.navbar-setting-seed-modal .focus-list>li {
	position: relative;
    display: inline-block;
    width: 108px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #F7F7F7;
    border-radius: 50px;
    margin-right: 20px;
   	margin-bottom: 15px;
}
.navbar-setting-seed-modal .focus-list>li:hover{
	background-color: #E6E6E6;
}
.navbar-setting-seed-modal .focus-list>li>img {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    vertical-align: text-bottom;
}
.navbar-setting-seed-modal .focus-list>li .seed-title {
    margin-left: 8px;
}
.navbar-setting-seed-modal .cancel-focus {
    position: absolute;
    right: -9px;
    top: -5px;
    width: 18px;
    height: 18px;
    background-image: url(http://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/images/webFrame/cancel.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.navbar-setting-seed-modal .wait-focus .cancel-focus{
	display: none;
}


/*网站底部*/
.bottomBar-innerFrame{
	padding:18px 0;
}
.bottomBar-logo{
	width:197px;
	height:37px;
	margin:0 auto;
}
.bottomBar-logoInner{
	width:100%;
	height:100%;
	background-image: url('http://static.iyingdi.cn/static/images/frame/logo.png');
	background-size: contain;
	background-position: left center;
	background-origin: content-box;
	background-repeat: no-repeat;
}
.bottomBar-infoBlock{
	text-align:center;
	margin-top:11px;
}
.bottomBar-infoBlock>li{
	display:inline-block;
	color:white;
	margin-top:2px;
}
.bottomBar-infoBlock>li>a{
	text-decoration:underline;
}
.bottomBar-infoBlock>li.report {
    position: relative;
}
.bottomBar-infoBlock>li.report span {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 400px;
}
.bottomBar-infoBlock>li.report:hover span {
    display: block;
}
.bottomBar-infoBlock>li.report:hover a {
    opacity: 0;
}
.web-content{
	min-height: 850px;
	position: relative;
}
/*侧边工具栏样式*/
.web-toolBar{
	position: absolute;
	right: 0;
}
.web-toolBar>div{
	position: fixed;
	width: 50px;
    /*bottom: 128px;*/
	bottom: 40px;
}
.web-toolBar .toolBar-buttonList>li {
    /*background-color: rgb(247,247,247);*/
    margin-top: 5px;
    width: 50px;
    height: 50px;
}
.web-toolBar .toolBar-buttonList>li:hover{
	/*background-color: rgb(59,104,184);*/
}
.web-toolBar .toolBar-buttonList>li>img{
	width: 100%;
}
.web-toolBar i{
	background-repeat: no-repeat;
	background-size: 100%;
	width: 100%;
    height: 100%;
    display: block;
}
/*工具栏-返回顶部*/
.web-toolBar i.secretLetter{
	background-image: url(http://static.iyingdi.cn/yingdiWeb/images/webFrame/toolBar/secretLetter.png);
}
.web-toolBar i.secretLetter:hover{
	background-image: url(http://static.iyingdi.cn/yingdiWeb/images/webFrame/toolBar/secretLetter_hover.png);
}
.web-toolBar i.back-top{
	background-image: url(http://static.iyingdi.cn/yingdiWeb/images/webFrame/toolBar/backTop.png);
}
.web-toolBar i.back-top:hover{
	background-image: url(http://static.iyingdi.cn/yingdiWeb/images/webFrame/toolBar/backTop_hover.png);
}
/*工具栏-评论*/
.web-toolBar i.comment{
	background-image: url(http://static.iyingdi.cn/yingdiWeb/images/webFrame/toolBar/comment.png);
}
.web-toolBar i.comment:hover{
	background-image: url(http://static.iyingdi.cn/yingdiWeb/images/webFrame/toolBar/comment_hover.png);
}
/*工具栏-收藏*/
.web-toolBar i.collect{
	background-image: url(http://static.iyingdi.cn/yingdiWeb/images/webFrame/toolBar/collect.png);
}
.web-toolBar i.collect:hover{
	background-image: url(http://static.iyingdi.cn/yingdiWeb/images/webFrame/toolBar/collect_hover.png);
}
.web-toolBar i.collect.checked{
	background-image: url(http://static.iyingdi.cn/yingdiWeb/images/webFrame/toolBar/hasCollect.png);
}
.web-toolBar i.collect.checked:hover{
	background-image: url(http://static.iyingdi.cn/yingdiWeb/images/webFrame/toolBar/hasCollect_hover.png);
}
/*工具栏-发帖*/
.web-toolBar i.productTopic{
	background-image: url(http://static.iyingdi.cn/yingdiWeb/images/webFrame/toolBar/productTopic.png);
}
.web-toolBar i.productTopic:hover{
	background-image: url(http://static.iyingdi.cn/yingdiWeb/images/webFrame/toolBar/productTopic_hover.png);
}
/*工具栏-回帖*/
.web-toolBar i.replyTopic{
	background-image: url(http://static.iyingdi.cn/yingdiWeb/images/webFrame/toolBar/replyTopic.png);
}
.web-toolBar i.replyTopic:hover{
	background-image: url(http://static.iyingdi.cn/yingdiWeb/images/webFrame/toolBar/replyTopic_hover.png);
}
/*工具栏-楼主*/
.web-toolBar i.host{
	background-image: url(http://static.iyingdi.cn/yingdiWeb/images/webFrame/toolBar/host.png);
}
.web-toolBar i.host:hover{
	background-image: url(http://static.iyingdi.cn/yingdiWeb/images/webFrame/toolBar/host_hover.png);
}
.web-toolBar i.host.checked{
	background-image: url(http://static.iyingdi.cn/yingdiWeb/images/webFrame/toolBar/host_check_all.png);
}
.web-toolBar i.host.checked:hover{
	background-image: url(http://static.iyingdi.cn/yingdiWeb/images/webFrame/toolBar/host_check_all_hover.png);
}

/*浮层样式*/
.utility-model-scrollableModelFrame{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  overflow-y:auto;
  background: rgba(0,0,0,0.6);
  -webkit-animation: fadeIn 0.4s;
  -moz-animation: fadeIn 0.4s;
  animation: fadeIn 0.4s;
}
.utility-model-modelBody{
    margin-top: 80px;
    position: absolute;
    left: 50%;
    background-color: white;
}
.utility-model-modelHeader{
    text-align: center;
    padding: 9px 30px;
    border-bottom:1px solid rgba(51,88,155,0.3);
    overflow:hidden;
    position:relative;
}

.utility-model-modelHeader>.utility-model-modelTitle{
	font-size: 16px;
	color:rgb(68,68,68);
	line-height:20px;
	font-weight:bold;
}
.utility-model-modelHeader>.utility-model-exitButton{
	font-size:30px;
	color:rgb(59,104,184);
	line-height:20px;
	cursor:pointer;
}
.utility-model-modelContent{
    width: 100%;
    padding:25px 30px;
}
.utility-model-modelFooter{
    padding: 0 30px;
    margin-bottom: 25px;
    overflow:hidden;
}
.utility-model-modelFooter>.utility-model-confirmButton{
	min-width:70px;
	padding:6px 12px;
	text-align:center;
	color:white;
	background-color: rgb(59,104,184);
	line-height:18px;
	font-size:14px;
	border-radius: 3px;
	cursor:pointer;
	border: none;
}
.utility-model-modelHeader>.utility-model-confirmButton{
	position:absolute;
	right:0;
	top:0;
	min-width:70px;
	padding:10px 12px;
	text-align:center;
	color:white;
	background-color:rgb(59,104,184);
	line-height:18px;
	font-size:14px;
	cursor:pointer;
	border: none;
}
.utility-model-modelHeader>.utility-model-uploadImgModal-exitButton{
	font-size:30px;
	color:rgb(59,104,184);
	line-height:20px;
	cursor:pointer;
}
.utility-model-modelFooter>.utility-model-updateImgButton {
    background-color: white;
    border: 1px solid rgb(59,104,184);
    color: rgb(59,104,184);
    border-radius: 2px;
    padding: 6px 10px;
    cursor: pointer;
    outline: none;
}
@keyframes fadeIn
{
	0% {
		opacity: 0; /*初始状态 透明度为0*/
	}
	50% {
		opacity: 0; /*中间状态 透明度为0*/
	}
	100% {
		opacity: 1; /*结尾状态 透明度为1*/
	}
}

@-moz-keyframes fadeIn
{
	0% {
		opacity: 0; /*初始状态 透明度为0*/
	}
	50% {
		opacity: 0; /*中间状态 透明度为0*/
	}
	100% {
		opacity: 1; /*结尾状态 透明度为1*/
	}
}

@-webkit-keyframes fadeIn
{
	0% {
		opacity: 0; /*初始状态 透明度为0*/
	}
	50% {
		opacity: 0; /*中间状态 透明度为0*/
	}
	100% {
		opacity: 1; /*结尾状态 透明度为1*/
	}
}

@-o-keyframes fadeIn
{
	0% {
		opacity: 0; /*初始状态 透明度为0*/
	}
	50% {
		opacity: 0; /*中间状态 透明度为0*/
	}
	100% {
		opacity: 1; /*结尾状态 透明度为1*/
	}
}
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0; /*初始状态 透明度为0*/
	}
	50% {
		opacity: 0; /*中间状态 透明度为0*/
	}
	100% {
		opacity: 1; /*结尾状态 透明度为1*/
	}
}

